<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>ajax请求-将请求回来的新闻列表数据通过表格方式展示到到网页中</h1>
    <script>
        // 创建一个XMLHttpRequest的实例对象
        var xhr = new XMLHttpRequest()
        // 设置请求行信息: 请求方式 请求地址
        xhr.open('GET', 'https://cnodejs.org/api/v1/topics')
        // 请求头和请求体可以不用设置
        // 发送请求
        xhr.send()
        // 通过事件监听服务器端的响应状态
        xhr.onreadystatechange = function () {
            console.log(xhr.readyState);
            // xhr.readyState==4 表示服务端已经响应请求
            // xhr.status: http状态码, 200 表示请求成功
            if (xhr.readyState === 4 && xhr.status == 200) {
                // 获取服务端响应的json格式的数据
                // console.log(xhr.responseText);
                // 将服务端响应的json字符串转化成js数组或者对象
                var result = JSON.parse(xhr.responseText)
                console.log(result);
            }
        }
    </script>
</body>

</html>